<!DOCTYPE html>
<html lang="zh-CN">
<head>
   <meta charset="UTF-8">
   <title></title>
   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
   <link rel="stylesheet" href="css/reset.css">
   <script type="text/javascript" src="js/winResponsive.js"></script>
   <link rel="stylesheet" href="css/friendcomment.css">
</head>
<body>
    <div class="container">
        <div class="logo"></div>
        <div class="portrait-lg">
            <img src="images/dog-l.png" alt="">
        </div>
        <div class="pingjia">
            <p><span>[潮人测试]</span>***太牛了</p>
            <p>现在坚持个性的人真的太少了。</p>
        </div>
        <div class="firend">
            <p>看看你和你的朋友够亲密不？</p>
            <p>一起来评价.</p>
            <div class="type1">00后潮人 <span>+5</span></div>
            <div class="type2">典型70后</div>
            <div class="type3">90后新锐 <span>+2</span></div>
            <div class="type4">95后新人类 <span>+3</span></div>
        </div>
        <div class="write">
            <p>还体现不出你们的亲密度？那就再评价下吧!</p>
            <textarea name="pl" id="pl" cols="30" rows="10"></textarea>
            <div class="button">
                <button class="submit">提交</button>
                <button class="play">我也要玩</button>
            </div>
        </div>

    </div>
</body>
</html>